<!DOCTYPE HTML>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>勇者大冒险手游攻略站</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
        <meta http-equiv="Cache-Control" content="max-age=0">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" type="text/css" href="/redots/css/mxm/raider/marketbase2014.h5.css" media="screen" />
    </head>
    <body>
    <style>
        img{ display:block; width:100%;}
        body,div,html{ padding:0; margin:0;}
        body{ width:100%; min-height:100%; position:absolute; background-color:#121010;}
        img{ width:100%; display:block; border:none;}
        .main{ position:relative; width:100%; overflow:hidden; margin:0 auto;}

        .main .gonglue{ position:relative; width:100%; z-index:2; margin:0 auto; overflow:hidden;}
        .main .gonglue .hd{ position:relative; z-index:2;}
        .main .gonglue .hd .bg{ position:relative; z-index:1;}
        .main .gonglue .hd .more{ position:absolute; width:30%; height:100%; display:block; left:0; top:0; z-index:2;}
        .main .gonglue .hd .more span{ position:relative; display:block;width:25%; padding:10%; }
        .main .gonglue .hd .title{ position:absolute; color:#fff3eb; left:50%; width:90%; height:50%; margin-left:-45%; top:0; font-size:90%; z-index:2;
            top:50%; margin-top:-5%; text-align:center; font-weight:bold;}
        .main .gonglue .hd .title p{ display:block; height:100%; position:relative;}


        .main .gonglue .bd{ position:relative; width:100%; overflow:hidden;background-image:url(/redots/images/mxm/raider/scroll.jpg); background-repeat:repeat-y; background-size:100%;margin-top:-20px; z-index:1;}
        .main .gonglue .debuff{ position:relative; height:20px; }

        .main .gonglue .detail{ position:relative; margin:0 auto; width:90%; overflow:hidden;}
        .main .gonglue .detail .title{ color:#ffe0c5; text-align:center; font-size:22px; padding:10px 0 10px 0;}
        .main .gonglue .detail .content{ font-size:14px;color:#ffffff;}
    </style>
    <div class="main">
        <div class="gonglue">
            <div class="hd">
                <div class="bg"><img src="/redots/images/mxm/raider/listop.jpg" /></div>
                <div class="title"><p>{{ post.term.name }}</p></div>
                <a class="more" href="javascript:history.go(-1);"><span><img src="/redots/images/mxm/raider/back.png" /></span></a>
            </div>
            <div class="bd">
                <div class="debuff"></div>
                <div class="detail">
                    <div class="title">{{ post.title }}</div>
                    <div class="content">
                        <!--<img src="/redots/images/mxm/raider/game.jpg" />
                        -->
                        <p>{{ post.content | raw }}</p>
                    </div>
                </div>
            </div>
            <div class="end"><img src="/redots/images/mxm/raider/end.jpg" /></div>
        </div>

    </div>
    <!-- E 你的代码写在这里（结构样式脚本） -->
    <script type="text/javascript" src="/redots/js/zepto-1.1.4.min.js"></script>
    <script>

    </script>
    </body>
</html>